<template>
  <div>
    <div>
      <span>来自于:</span>
      <select v-model="from">
        <option value="湖北">湖北</option>
        <option value="湖南">湖南</option>
        <option value="福建">福建</option>
      </select>
    </div>
    <div>
      <span>爱好:</span>
      <input type="checkbox" v-model="hobby" value="抽烟" />抽烟
      <input type="checkbox" v-model="hobby" value="喝酒" />喝酒
      <input type="checkbox" v-model="hobby" value="烫头" />烫头
    </div>
    <div>
      <span>性别:</span>
      <input type="radio" v-model="gender" value="男" name="sex" />男
      <input type="radio" v-model="gender" value="女" name="sex" />女
    </div>
    <div>
      <span>自我介绍</span>
      <textarea name="" id="" cols="30" rows="10" v-model="intro"></textarea>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      from: "",
      hobby: [],
      gender: "",
      intro:''
    };
  },
};
</script>

<style>
</style>